<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div></div>
<p></p>
<div class="box"></div>
<script>
    /*
        Element.innerHTML 属性设置或获取 HTML 语法表示的元素的后代。
        语法：
            const content = element.innerHTML;
            element.innerHTML = htmlString;
        值：DOMString 包含元素后代的 HTML 序列。设置元素的 innerHTML 将会删除所有该元素的后代并以上面给出的 htmlString 替代。
    * */
    /*获取元素*/
    const div = document.querySelector("div")
    const box = document.querySelector(".box")
    const p = document.querySelector("p")

    /*innerHTML操作元素内容*/
    div.innerHTML = "innerHTML"
    p.innerHTML= "innerHTML"
    box.innerHTML=`<p>111</p>` //识别html标签

    /*innerHTML获取元素内容*/
    console.log(div.innerHTML)
    console.log(p.innerHTML)
    console.log(box.innerHTML)

</script>
</body>
</html>